<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script type="module">

    // 模块中自定义变量或函数名    => 如果多个模块中的变量名和方法名重名, 可以自定义模块的变量或函数名  

    // 1. 模块化暴露时(批量暴露)  可以修改被暴露的变量名和方法名
    // 2. 模块化引入时  可以修改被引入的变量名和方法名

    // import { X, Y, sum } from "../module/4.js";
    // console.log(X, Y, sum);

    //  模块化引入时  可以修改被引入的变量名和方法名
    import { X as x, Y as y, sum as add } from "../module/4.js";
    // console.log(X, Y, sum);
    console.log(x, y, add);


</script>

</html>